<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>待付款的订单</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="cache-control" content="no-cache, must-revalidate">
    <meta http-equiv="expires" content="wed, 26 Feb 1997 08:21:57 GMT">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/obligation.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <nav class="consignee">
        <p class="person"><span>收货人：<span>某某某</span></span><span>联系方式：<span>18223338765</span></span></p>
        <p class="map"><img class="inline-block" src="img/map.png"><input class="inline-block" type="text" value="北京市北京市朝阳区一品小区1单元101房间"></p>
        <p class="map"><img class="inline-block" src="img/map.png"><input class="green inline-block" type="text" placeholder="添加收货地址"></p>
    </nav>
    <article class="obligation margin-top-10">
        <div class="size-1">店铺：<span>一品人参</span></div>
        <div class="details">
            <p class="inline-top"><img class="inline-top" src="img/img_0.png"></p>
            <ul class="inline-top">
                <li><span class="inline-top">东北10年野山参</span><span class="inline-top">￥<span>158.00</span></span></li>
                <li><span class="inline-top gray">40g</span><span class="inline-top">x<span>1</span></span></li>
            </ul>
        </div>
        <div class="information"><span class="inline-block">运费</span><span class="inline-block">￥<span>140</span></span></div>
        <div>
            <textarea placeholder="给卖家留言..."></textarea>
        </div>
        <div class="information"><span class="inline-block">合计</span><span class="inline-block money">￥<span>140</span></span></div>
    </article>
    <div class="info margin-top-10"><span class="inline-block">优惠</span><span class="inline-block">使用优惠</span></div>
    <div class="info margin-top-10"><span class="inline-block">短信通知收件人</span><span class="switch">
        <span class="switch-border1">
                <input id="switch1" type="checkbox" checked onclick="getcheckbox()" >
                <label for="switch1"></label>
                <span class="switch-handle-top" id="switch-handle-top"></span>
                <span class="switch-border2"></span>
        </span>
        </span>
    </div>
    <footer class="pay margin-top-10 margin-bottom-5">
        <p>￥<span>59.00</span>+￥<span>8.00</span>运费</p>
        <p class="money">需付：￥<span>59.00</span></p>
        <button class="size-1">微信安全支付</button>
    </footer>

</body>
<script src="js/zepto.min.js"></script>
<script>
    function getcheckbox(){
        var test =$("#switch1").prop("checked");
        console.log(test);
    }
</script>
</html>